﻿
@{
    ViewBag.Title = "Index";
    Layout = null;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>专家列表</title>
    <meta name="robots" content="all" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <link rel="stylesheet" href="~/styles/css/common/common.css">
    <link rel="stylesheet" type="text/css" href="~/styles/css/component/component.css">
    <link rel="stylesheet" href="~/styles/css/order-expert.css">
</head>
<body>
    <div class="wrapper" id="wrapper">
        <input v-model="userName" style="display:none" />
        <clinic-head v-bind:user-name="userName"></clinic-head>
		<div class="content">
			<div class="contentLeft">
				<div class="searchDoctor">
					<input id="keyword" type="text" placeholder="找医生，快速搜索对应医生"  v-model="keyword">
					<span v-on:click='GetDoctorLists()'>搜索</span>
				</div>
				<div class="screenBox">
					<div class="screenList">
						<div class="screenName">出诊日期</div>
						<div class="screenDateLest">
							<ul class="screenDateLestBox" id="screenDateLestBox">
							<!--标签选中后的样式screenActive-->
								<li v-for="(x,index) in dateList" v-on:click="addConditions($event,index,'Date')"><a href="javascript:;" :class="{'screenActive':index==dateSatus}" :id="x.ActiveDate" :name="x.DateText">{{x.DateText}}</a></li>
							</ul>
							<div class="moreBtn" maxHeight="maxHeight" id="moreBtn_date" v-on:click='moreLists("moreBtn_date","screenDateLestBox")'>更多</div>
						</div>
					</div>
                    <div class="screenList">
                        <div class="screenName">科室筛选</div>
                        <div class="department">
                            <ul class="departmentBox" id="departmentBox">
                                <!--标签选中后的样式screenActive-->
                                <li v-for="(x,index) in deptList" v-on:click="addConditions($event,index,'Dept')"><a href="javascript:;" :class="{'screenActive':index==deptSatus}" :id="x.DeptID" :name="x.DeptName">{{x.DeptName}}</a></li>
                            </ul>
                            <div class="moreBtn" maxHeight="maxHeight" id="moreBtn_department" v-on:click='moreLists("moreBtn_department","departmentBox")'>更多</div>
                        </div>
                    </div>
					<div class="screenList jobTitle">
						<div class="screenName">职称筛选</div>
						<div class="disease">
							<ul class="diseaseBox" id="departmentBox">
							<!--标签选中后的样式screenActive-->
								<li v-for="(x,index) in titleList" v-on:click="addConditions($event,index,'Title')"><a href="javascript:;" :class="{'screenActive':index==titleSatus}" :id="x.TitleID" :name="x.TitleName">{{x.TitleName}}</a></li>
							</ul>
						</div>
					</div>
				</div>
                <div class="selectedCondition" v-on:show="showPage">
                    <div class="selectedName">筛选条件：</div>
                    <div class="conditionBox">
                        <a href="javascript:;" class="conditionList" v-for="(x,index) in conditionsList" v-on:click='deleteConditions($event,index)'>
                            <span v-model="x.Id"  :id="x.Id" :title="x.From">{{x.Name}}</span>
                            <i></i>
                        </a>
                    </div>
                </div>
                <div class="screenResultBox">
                    <!--****没有结果提示*****-->
                    <p class="noResult" id="noResult">未搜索到相关结果</p>
                    <div class="expertList" v-for="(x, index) in pageInfo.curPageRecord">
                        <h1 class="expertPic"><img v-bind:id="x.Id" v-bind:src="x.Image" v-on:click='doctorBooking($event)' onerror="javascript: this.src = '/Styles/image/default_head.png'" style="border-radius:50%"></h1>
                        <div class="expertInformation">
                            <h1><b :id="x.Id" v-on:click='doctorBooking($event)'>{{x.Name}}</b><span>{{x.DepName2}}-{{x.TitleName}}</span></h1>
                            <p>{{x.OrgName}}</p>
                        </div>
                        <div class="expertBeGoodAt">
                            <b>擅长：</b>
                            <span class="four-overflow">{{x.SkillIn}}</span>
                        </div>
                        <div class="appointmentBtn" :id="x.Id" v-on:click='doctorBooking($event)'>立即预约</div>
                    </div>
                    <clinic-page :page-param="showPageParam" style="display:none;"></clinic-page>
                </div>
            </div>
            <clinic-process></clinic-process>
        </div>
        <!--标准底部-->
        <clinic-foot></clinic-foot>
        <!--右边导航栏-->
        <clinic-right></clinic-right>
    </div>
    <script type="text/javascript" src="~/scripts/lib/jquery.js"></script>
    <script type="text/javascript" src="~/scripts/lib/xdlines.jquery.min.js"></script>
    <script type="text/javascript" src="~/scripts/js/public/common.js"></script>
    <script type="text/javascript" src="~/scripts/lib/vue.min.js"></script>
    <script type="text/javascript" src="~/scripts/lib/vue-resource.min.js"></script>
    <script type="text/javascript" src="~/scripts/js/component/component.js"></script>
    <script type="text/javascript" src="~/scripts/js/order-expert.js"></script>
</body>
</html>